<div>
  <nz-tag
    *ngFor="let item of tagLists; let i = index"
    [nzMode]="'closeable'"
    [nzColor]="'cyan'"
    (nzOnClose)="handleClose(item)"
  >
    {{ sliceTagName(item) }}
  </nz-tag>

  <nz-tag *ngIf="!inputVisible" class="editable-tag" nzNoAnimation (click)="showInput()">
    <i nz-icon nzType="plus"></i>
    添加
  </nz-tag>

  <input
    #inputElement
    nz-input
    nzSize="small"
    *ngIf="inputVisible"
    type="text"
    [(ngModel)]="inputValue"
    style="width: 78px;"
    (blur)="handleInputConfirm()"
    (keydown.enter)="handleInputConfirm()"
  />
</div>